<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.Q{position: relative;
		   		   border: 1px  black;
	                   width: 600px;
  				     	   height: 600px;
						   margin: 0px;
						   text-align: center;}
								   .W{position: relative;
							   		   border: 1px dashed black;
							   	   width: 400px;
							   	   height: 400px;
								   margin: 50px;
								   }
								   .R{position: relative;
							   		   border: 1px solid black;
							   	   width: 200px;
							   	   height: 200px;
								    margin: 100px;
									background-color: yellow;}
									.T{
										position: relative;
				   		                 border: 1px solid black;
										width: 100px;
										height: 100px;
										 margin: 50px;
										 background-color: white;}
										 .Y{
											 position: relative;
		 							   		   border: 1px dashed black;
											 width: 50px;
											 height: 50px;
											  margin: 25px;
											  background-color: white;}
										 
									
		</style>
	</head>
	
	<div class="Q">
		<div class="W">margin
			<div class="R">border
				<div class="T">padding
					<div class="Y">content
						
					</div>
				</div>
			</div>
		</div>
	</div>
	</body>
</html>
